<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Document</title>

    <style>
        .outer {
            width: 1000px;
            margin: 0 auto;

            /* 直接指定列数 */
            /* column-count: 5; */

            /* 指定每一列的宽度，自动计算列数 */
            column-width: 220px;

            /* 复合属性，能同时指定列宽和列数，会优先选择列数少的展示（不推荐） */
            columns: 3 220px;

            /* 调整列间距 */
            column-gap: 50px;

            /* 每一列边框的宽度 */
            /* column-rule-width: 2px; */
            /* 每一列边框的风格 */
            column-rule-style: dashed;
            /* 每一列边框的颜色 */
            column-rule-color: red;
            /* 复合属性 */
            column-rule: 2px dashed red;
        }

        h1 {
            column-span: all;
        }
    </style>
</head>
<body>

    <div class="outer">

        <h1>《震惊，iOS机构马上就要去吧不敢打！》</h1>
        <p>【开始】Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex, ipsa! Quod, doloribus quam repellendus molestias eaque ratione? Officiis ullam sunt adipisci dolorem voluptates perferendis maiores minus, fuga sit possimus voluptas commodi porro totam quae laboriosam. Eaque maxime ipsa soluta molestiae vel doloremque iure, possimus cupiditate suscipit sapiente itaque delectus aperiam maiores architecto qui. Rem ratione recusandae non doloremque? Quisquam magni officiis, laudantium accusamus possimus quam veritatis sint error ipsam aliquam consequuntur. Dolorem error deleniti, et cupiditate autem deserunt dolor neque ipsa non tenetur! Culpa similique eveniet deserunt incidunt enim commodi hic fugiat fugit explicabo doloribus, maxime quod vel id ullam?【结束】</p>
        <p>【开始】Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque temporibus, voluptates deleniti ut quibusdam quae odio tempora sed veritatis eveniet inventore ipsa blanditiis aspernatur molestiae explicabo fugiat suscipit maiores nam officiis cupiditate dolore commodi incidunt vitae accusantium. Veritatis placeat iure necessitatibus, amet explicabo minus rem cupiditate non aut est ab assumenda voluptatem illum officia eum expedita ad nostrum velit quo! Labore quia fuga velit eos error blanditiis quo reiciendis sit atque, rerum, earum accusamus commodi rem obcaecati? Similique excepturi perspiciatis, iusto, aspernatur deserunt eum delectus, expedita aperiam consequatur ipsa quisquam.【结束】</p>
        <p>【开始】Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse dolorem necessitatibus eum magni tempore ea mollitia nisi adipisci quod, nam voluptatum rem deserunt laboriosam animi quasi quo. Impedit, aliquid. Iure nobis perspiciatis temporibus cupiditate ea in quae soluta accusamus quisquam a illum, ad eos rem consequatur recusandae, atque assumenda mollitia voluptatibus possimus, sunt quod nemo? Debitis corporis fugit vel molestias, aliquam quod magni natus ut officia? Ad, et cum deserunt sapiente quia debitis libero nobis suscipit magnam quo?【结束】</p>
        <p>【开始】Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi, amet quaerat soluta eius modi quisquam, asperiores nulla tenetur placeat mollitia quos illo debitis illum consectetur dolorum quae deleniti, possimus voluptatum. Voluptas expedita iste vero sed odio quam molestiae ipsam voluptatibus delectus eos fugiat laudantium nemo pariatur, deserunt veritatis repudiandae porro et nobis, in fugit itaque quibusdam omnis consequuntur. Assumenda voluptate ex numquam consequuntur laboriosam id eius nesciunt amet laudantium.【结束】</p>
        <p>【开始】Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum odio suscipit cum aliquid velit autem laborum similique doloribus corrupti maxime amet, temporibus nostrum enim ipsa hic, minima animi excepturi placeat! Aliquid eligendi, incidunt cumque nam laborum repellendus dolorum eos delectus nostrum soluta animi aliquam deleniti quod maxime possimus necessitatibus, ducimus accusantium, doloribus cum excepturi? Quo laudantium, odio eos ad debitis provident culpa optio fugit inventore quos sapiente quod, nobis ipsum aperiam dolorem necessitatibus esse vitae excepturi voluptatum! Ipsa commodi placeat omnis. Nihil hic perspiciatis ea facilis perferendis sapiente quibusdam. Odio modi commodi, perferendis repellat doloribus debitis ut dolore consequatur.【结束】</p>
    </div>
    
</body>
</html>